@import "../../source/dojo/resources/dojo.css";
@import "../../source/dijit/themes/dijit.css";
@import "../../source/dijit/themes/tundra/form/Button.css";
@import "../../source/dijit/tests/css/dijitTests.css"; 
@import "../../source/dijit/themes/tundra/tundra.css";
html, body{ 
height: 98%;
}
body{
padding:3px;
}
h1{
margin-top:5px;
margin-bottom:10px;
}
#progressContainer{
margin-bottom:10px;
}
#volumeContainer, #panContainer{
width:150px;
margin:10px;
}
#volumeContainer{
float:left;
}
#panContainer{
float:right;
}
#volumeContainer label, #panContainer label{
width:150px;
text-align:center;
color:#999999;
font-size:10px;
margin-bottom:5px;
line-height:10px;
display:block;
}
#timeContainer{
clear:both;
}
#buttonContainer{
text-align:center;
}
#durNode, #timeNode{
width:60px;
height:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#00FF99;
}
#timeNode{
float:left;
text-align:left;
}
#durNode{
float:right;
text-align:right;
}
#blackBox{
background:#000000;
padding:5px;
}
#info{
color:#00FF99;
margin-top:10px;
width:45%;
float:left;
clear:both;
}
#spectrum{
width:45%;
background:#000000;
height:98px;
float:right;
padding-left:1px;
padding-top:1px;
overflow:hidden;
}
#spectrum div{
background:#FFFF00;
width:0px;
height:10px;
margin:1px;
}